<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtmBox">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../css/reset-min.css">
<link rel="stylesheet" type="text/css" href="../css/style.css">
<title></title>
</head>

<body>


	<div class="xsWrap">
		<!-- 顶导 -->
		<div class="topNav clearfix">
			<div class="navBox">
				<div class="navSquare"><a class="navMode" href="#"><span class="navLTxt">广场</span><em class="xsIcon navMore"></em></a>
					<div class="squareLayer">
						<ul class="layerColor">
							<li class="layerL"><a href="#" class="colorIcon photoBox"><span class="xsIcon icon_photoS"></span></a><a class="colorTxt" href="#" >摄影</a></li>
							<li class="layerL"><a href="#" class="colorIcon beautyBox"><span class="xsIcon icon_beautyS"></span></a><a class="colorTxt" href="#" >美妆服饰</a></li>
							<li class="layerL"><a href="#" class="colorIcon beautyBox"><span class="xsIcon icon_foodS"></span></a><a class="colorTxt" href="#" >美食</a></li>
							<li class="layerL"><a href="#" class="colorIcon sportBox"><span class="xsIcon icon_sportS"></span></a><a class="colorTxt" href="#" >运动</a></li>
							<li class="layerL"><a href="#" class="colorIcon techBox"><span class="xsIcon icon_techS"></span></a><a class="colorTxt" href="#" >科技生活</a></li>
							<li class="layerL"><a href="#" class="colorIcon gameBox"><span class="xsIcon icon_gameS"></span></a><a class="colorTxt" href="#" >游戏</a></li>
							<li class="layerL"><a href="#" class="colorIcon homeBox"><span class="xsIcon icon_homeS"></span></a><a class="colorTxt" href="#" >家居设计</a></li>
							<li class="layerL"><a href="#" class="colorIcon petBox"><span class="xsIcon icon_petS"></span></a><a class="colorTxt" href="#" >宠物</a></li>
							<li class="layerL"><a href="#" class="colorIcon musicBox"><span class="xsIcon icon_musicS"></span></a><a class="colorTxt" href="#" >音乐</a></li>
							<li class="layerL"><a href="#" class="colorIcon carBox"><span class="xsIcon icon_carS"></span></a><a class="colorTxt" href="#" >汽车</a></li>

						</ul>					

					</div>

				</div>
				<div class="navSearch">
					<div class="navSearBox"><input type="text" placeholder="请输入关键字" class="navSearInput"><span class="xsIcon icon_search"></span></div>
				</div>
			</div>

			<div class="navR">
				<!-- 已登录 -->
				<ul class="navRList clearfix">
					<li class="navli userAdd"><a class="navMode" href=""><span class="xsIcon icon_add"></span></a>
						<!-- 发布弹层 点击【+】出现 -->
						<div class="pubLayer">
							<p class="pubLi"><a href="#" class="logLiTxt">发布文章</a></p>
							<!-- 点击【发布专辑】出现 创建专辑弹层 -->	
							<p class="pubLi"><a href="#" class="logLiTxt">创建专辑</a></p>	
						</div>
						<!-- /发布弹层 -->
					</li>
					<li class="navli usermsg"><a class="navMode" href=""><span class="xsIcon icon_msg"></span><em class="msgNum">99+</em></a></li>
					<li class="navli userNotice"><a class="navMode" href=""><span class="xsIcon icon_notice"></span></a>
						<div class="noticeLayer">
							<p class="noticeTit">我的消息</p>
							<!-- 通知弹层 点击【我的消息】出现 -->
							<div class="noticeListBox">
								<ul class="noticeList">
									<li class="clearfix">
										<a class="noticeImg"><img src="../images/userS.jpg" alt></a>
										<div class="noticeMain">
											<p class="noticeName"><a class="nameTxt">用户昵称八个字啊</a></p>
											<p class="noticeCon">转采了你的专辑<a class="noAlName">小小花蛤</a>到<a class="noAlNameT">小小花蛤</a></p>
										</div>
									</li>
									<li class="clearfix">
										<a class="noticeImg"><img src="../images/userS.jpg" alt></a>
										<div class="noticeMain">
											<p class="noticeName"><a class="nameTxt">用户昵称八个字啊</a></p>
											<p class="noticeCon">转采了你的专辑<a class="noAlName">小小花蛤</a>到<a class="noAlNameT">小小花蛤</a></p>
										</div>
									</li>
									<li class="clearfix">
										<a class="noticeImg"><img src="../images/userS.jpg" alt></a>
										<div class="noticeMain">
											<p class="noticeName"><a class="nameTxt">用户昵称八个字啊</a></p>
											<p class="noticeCon">转采了你的专辑<a class="noAlName">小小花蛤</a>到<a class="noAlNameT">小小花蛤</a></p>
										</div>
									</li>
									<li class="clearfix">
										<a class="noticeImg"><img src="../images/userS.jpg" alt></a>
										<div class="noticeMain">
											<p class="noticeName"><a class="nameTxt">用户昵称八个字啊</a></p>
											<p class="noticeCon">转采了你的专辑<a class="noAlName">小小花蛤</a>到<a class="noAlNameT">小小花蛤</a></p>
										</div>
									</li>									
								</ul>
								<p class="noticeMore"><a class="noticeMoreTxt">查看所有消息>></a></p>
							</div>
							<!-- /通知弹层 -->
						</div>

					</li>
					<li class="navli userLog"><a class="navMode" href=""><img src="../images/userS.jpg" alt="" class="headImg"><em class="xsIcon navMore"></em></a>
						<!-- 用户弹层 -->
						<div class="logLayer">
							<p class="logLi"><a href="#" class="logLiTxt">消息箱</a></p>	
							<p class="logLi"><a href="#" class="logLiTxt">用户设置</a></p>	
							<p class="logLi"><a href="#" class="logLiTxt">退出登录</a></p>	
						</div>
						<!-- /用户弹层 -->
					</li>
				</ul>
				<!-- /已登录 -->

				<!-- 未登录 
				<div class="unLogList"><a class="btnB" href="#">登录</a><a class="btnB" href="#">注册</a></div>
				 /未登录 -->

			</div>

			<div class="navLogo"><a class="logoBox"><img src="../images/logoM.png" alt=""></a></div>
		</div>
		<!-- /顶导 -->
		<!-- main -->
		<div class="mainBox clearfix">
			<div class="xsNLayout">
				<!-- 博文 -->			
				<div class="blogLayBox clearfix">
					<div class="viewBlogBox">
						<div class="xsTit clearfix">
							<!-- 博主权限 -->
							<a class="btnF blogEdiBtn" href="#">编辑</a>	
							<!-- /博主权限 -->						
							<h3 class="viewBlogTit">博文标题<span class="vBlogDate">(2014-3-2 22:22:22)</span></h3>

						</div>
						<div class="viewBlogSo clearfix">
							<p class="vBlogSort">所属专辑：摄影</p>
							<p class="titShareBox"><span class="shareTxt">分享：</span><a class="shareBtn"><span class="shareIcon icon_weibo"></span></a><a class="shareBtn"><span class="shareIcon icon_qzone"></span></a><a class="shareBtn"><span class="shareIcon icon_weixin"></span></a></p>
						</div>	
						
						<div class="viewblogwrap">
							<div class="viewblogTxt clearfix">
							<!-- 博客正文 -->
							<p style="text-indent:2em;">自去年动画大师宫崎骏宣布退休之后，他所创立的吉卜力工作室的未来走向就一直备受关注。近日，其接班人米林宏昌执导的最新作品《回忆中的玛妮》在日本的416家电影院上映。周六日两天观影人次达到了28万5234人，位于同期上映影片票房排名的第三位。但是，对于吉卜力工作室而言，这样的成绩似乎并不尽如人意。而与此同时不少影评人也纷纷站出来表示并不看好这部脱离了宫崎骏的作品。一时间，“吉卜力已死”，“吉卜力面临解散”的言论充斥网络，也让无数吉卜力动漫迷为之揪心。</p>
							<p style="text-indent:2em;">吉卜力工作室创立于1985年，在导演宫崎骏与高畑勋、铃木敏夫的共同努力下，诞生了多部影响深远的动画电影。著名的《千与千寻》、《天空之城》、《龙猫》都出自吉卜力工作室。其中《千与千寻》更是超过了《哈利波特》、《泰坦尼克号》这类国际大片成为日本最卖座的电影。而这称得上是传奇的动画工作室，为何在脱离了宫崎骏仅不到一年的时间就要面临停摆的境况呢？</p>

							<!-- /博客正文 -->
							</div>
							<p class="blogComUrl">来源：weibo.com/dddd</p>
						</div>

						<div class="viewBlogComBox">
							<div class="xsTit">
								<p class="viewBlogTit">评论</p>
							</div>
							<div class="vewComWrap">
								<ul class="vewComList">
									<li class="clearfix">
										<div class="noUserImg"><a class="userPic" href="#"><img src="../images/userL.jpg" alt="" class="userImg"></a></div>

										<div class="notiDetail">
											<div class="notiFBox">
												<p class="notiUser"><a class="notiName" href="#">用户昵称</a><span class="notiDate">2014-06-20 13:14:10</span></p>
												<p class="notiR"> <a class="notiRly">回复</a><a class="notiRly">举报</a></p>
											</div>
											<p class="notiCon clearfix">哈哈哈哈哈！</p>
										</div>

									</li>
									<li class="clearfix">
										<div class="noUserImg"><a class="userPic" href="#"><img src="../images/userL.jpg" alt="" class="userImg"></a></div>

										<div class="notiDetail">
											<div class="notiFBox">
												<p class="notiUser"><a class="notiName" href="#">用户昵称</a><span class="notiDate">2014-06-20 13:14:10</span></p>
												<p class="notiR"> <a class="notiRly">回复</a><a class="notiRly">举报</a></p>
											</div>
											<p class="notiCon clearfix">哈哈哈哈哈！</p>
										</div>

									</li>
									<li class="clearfix">
										<div class="noUserImg"><a class="userPic" href="#"><img src="../images/userL.jpg" alt="" class="userImg"></a></div>

										<div class="notiDetail">
											<div class="notiFBox">
												<p class="notiUser"><a class="notiName" href="#">用户昵称</a><span class="notiDate">2014-06-20 13:14:10</span></p>
												<p class="notiR"> <a class="notiRly">回复</a><a class="notiRly">举报</a></p>
											</div>
											<p class="notiCon clearfix">哈哈哈哈哈！</p>
										</div>

									</li>



								</ul>

							</div>

						</div>
						
					</div>

					<div class="viewBlogR">
						<div class="viewRBox">
							<p class="viewRTit">本专辑其他博文</p>
						</div>
						<div class="viewRBlog">
						<ul class="viewRList">
							<li><a class="rListTxt" href="#">博文系统1</a></li>
							<li><a class="rListTxt" href="#">博文系统1</a></li>
							<li><a class="rListTxt" href="#">博文系统1</a></li>
							<li><a class="rListTxt" href="#">博文系统1</a></li>
							<li><a class="rListTxt" href="#">博文系统1</a></li>
							<li><a class="rListTxt" href="#">博文系统1</a></li>							
						</ul>
						<p class="viewRMore"><a href="">更多>></a></p>
						</div>
					</div>

				</div>
				<!-- /博文 -->
			</div>
		</div>

		<!-- /main -->

	</div>




</body>
</html>
